<template>
<div style="position: relative">
  <my-header />
  <my-menu style="margin-top: 20px" />
  <myfavorite style="margin-top: 20px"/>
  <my-recommend style="margin-top: 20px"/>
  <bottom-menu style="position: fixed;bottom: 0"/>
  <aside-index class="aside"/>
</div>
</template>

<script>
import MyHeader from "./MyHeader";
import MyMenu from "./MyMenu";
import Myfavorite from "./MyFavorite";
import MyRecommend from "./MyRecommend";
import BottomMenu from "../BottomMenu";
import AsideIndex from "../Aside/AsideIndex";
export default {
  name: "MyIndex",
  components: {AsideIndex, BottomMenu, MyRecommend, Myfavorite, MyMenu, MyHeader}
}
</script>

<style scoped>
*{
  background-color: whitesmoke;
}
.aside{
  width: 350px;
  height: 100%;
  position: fixed;
  left: 0;
  /*margin-right: 390px;*/
}
</style>
